<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>社区详情</title>
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../fonts/iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/imagePreviewer.css" />
		<link rel="stylesheet" type="text/css" href="../css/global.css" />
		<style type="text/css">
			.mui-segmented-control {
				height: 40px;
				width: 100%;
				overflow: hidden;
			}
			.mui-segmented-control a {
				width: calc(100%/4);
				line-height: 40px;
				font-size: 15px;
				text-align: center;
				float: left;
				display: block;
				color: #333;
				border-right: 1px solid #eaeaea;
				box-sizing: border-box;
			}
			
			.mui-segmented-control .mui-control-item.mui-active {
				background: transparent;
			}
			
			.circle_pic {
				margin-right: 10px;
				max-width: 60px !important;
				height: 60px !important;
				border: 50%;
			}
			
			.goods_title video,
			output {
				min-height: 160px;
				max-height: 220px;
				width: 100%;
			}
			
			.conmentval {
				width: 69% !important;
			}
			
			.video_box {
				position: relative;
				width: 100%;
				height: 220px;
				overflow: hidden;
				text-align: center;
				line-height: 220px;
			}
			
			.video_box>img {
				width: auto;
			}
			
			.packUp_btn {
				display: block;
				padding: 10px 8px;
				font-size: 20px;
			}
		</style>
	</head>

	<body ng-app="detailsApp" ng-controller="detailsController">
		<header class="mui-bar mui-bar-nav bg_white">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title colorP">详情</h1>
			<a class=" mui-icon iconfont  mui-pull-right" id="shareApp_btn">&#xe6c2;</a>
		</header>
		<div class="mui-content" style="padding-bottom: 40px;">
			<div class="margin-bottom5px">
				<div class="margin-bottom5px goods_title video_box bg_white">
					<!--视频-->   
					<video id="player" ng-if="note.file_type" poster="../img/video.jpg" ng-src="{{videoUrl}}" controls="controls" style="background: #000;"></video>  <!--ng-src="http://flv2.bn.netease.com/videolib3/1704/08/ItFRw5949/HD/ItFRw5949-mobile.mp4"-->
					<!--图片-->
					<img ng-src="{{note.subject}}" data-preview-src="{{note.subject}}" data-preview-group="1" ng-if="!note.file_type" />
				</div>
				<ul class="padding_lr15px_tb6px bg_white">  
					<li><span id="title font16">{{note.title}}</span></li>
					<li class="mui-clearfix">
						<p class="color0 mui-pull-left font12" id="tags">{{note.tags}}</p><span class="mui-pull-right mui-icon iconfont color999 font font14">&#xe71b;  <i>{{note.follow}}</i></span>
					</li>
				</ul>
				<ul class="mui-table-view margin-bottom5px bg_white" ng-if="master != self_id">
					<div class="paddingl_r_15px_tb11px border-bottom">
						<span class="sp_title">&nbsp;&nbsp;版主</span>
					</div>
					<li class="paddingl_r_15px_tb11px border-bottom  mui-media">
						<a href="javascript:;">
							<img ng-click="icon_sub(note.uid,note.icon,note.nick,note.id)" class="mui-media-object mui-pull-left circle_pic" src="{{note.icon}}">
							<div class="mui-media-body">
								<div class="mui-clearfix margin-bottom5px">
									<span class="mui-pull-left color333">{{note.nick}}</span>
									<span class="mui-pull-right iconfont mui-icon color999 line-height20px attention_btn font12" style="border: 1px solid #999;" ng-click="isattention(2)" ng-if="attention == 115  &&  note.uid != uid">&#xe6aa;取消关注</span>
									<span class="mui-pull-right iconfont mui-icon colorP line-height20px attention_btn font12" ng-if="attention == 121  &&  note.uid != uid" ng-click="isattention(1)">&#xe669;关注</span>
								</div>
								<p class="font12">{{note.personalized}}</p>
							</div>
						</a>
					</li>					 
				</ul>
							
				<div class="paddingl_r_15px_tb11px font12 bg_white" id="content">{{note.content}}</div>
				<div ng-repeat="(index,x) in content_imgs" class="mui-text-center">
					<img ng-src="{{x}}" data-preview-src="{{x}}" data-preview-group="2" />
				</div>
			</div>
			<div ng-click="report(note.id,2)" class="mui-table-view-cell margin-bottom5px bg_white">
	            <a class="mui-navigate-right">
	                <span><i class="iconfont mui-icon">&#xe927;</i>&nbsp;&nbsp;举报</span>
	            </a>
	        </div>
			<ul class="mui-table-view margin-bottom5px bg_white">
				<div class="paddingl_r_15px_tb11px bg_white border-bottom">
					<span class="sp_title">&nbsp;&nbsp;相关商品</span>
				</div>
				<!--没有相关商品的时候显示-->
				<p class="line-height44px font12 mui-text-center" ng-if="goods.length == 0"><i class="iconfont mui-icon">&#xe6e3;</i>&nbsp;没有相关商品~</p>
				<li class="mui-table-view-cell mui-media" ng-repeat="(index,g) in goods">
					<a href="javascript:;" ng-click="goodsInfo(g.uid,g.type,g.id)">
						<img class="mui-media-object mui-pull-left" src="{{g.good_image}}">
						<div class="mui-media-body">
							<div class="margin-bottom10px mui-ellipsis">{{g.good_name}}</div>
							<span class="mui-pull-right colorRed">￥{{g.price}}</span>
						</div>
					</a>
				</li>
			</ul>
			<ul class="mui-table-view bg_white">
				<div class="paddingl_r_15px_tb11px bg_white border-bottom">
					<span class="sp_title">&nbsp;&nbsp;评论互动</span>
				</div>
				<li class="paddingl_r_15px_tb11px border-bottom mui-media" ng-repeat="(index,c) in comments">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left circle_pic" src="{{c.icon}}">
						<div class="mui-media-body">
							<div ng-click="huiContent(c.id)">
								<span class="colorP">{{c.nick}}</span>
								<i class="iconfont mui-icon mui-pull-right color999 font13 replay_btn" data-bj="a1">&#xe698;  回复</i>
							</div>
							<p class="mui-ellipsis">{{c.createtime}}</p>
							<div class="crrunt_user color333">{{c.content}}</div>
							<ul class="dialogue_box dialogue_box a1">
								<!--<p class="font12" ng-if="replay_con.length <= 0"><i class="iconfont mui-icon">&#xe6e3;</i>&nbsp;&nbsp;还没有人回复,快来抢沙发吧~</p>-->
								<li ng-repeat="(index,case) in c.case[0]">
									<span class="user_name colorP">{{case.nick}}：</span>
									<span class="comment color333">{{case.content}}</span>
								</li>
							</ul>
						</div>
					</a>
				</li>
				<p class="line-height44px mui-text-center font12" ng-if="comments.length == 0"> <i class="iconfont mui-icon">&#xe6e3;</i> &nbsp;&nbsp;还没有评论，快去发表吧~</p>
			</ul>
			<div class="mui-segmented-control borderNone bg_white" style="position: fixed;bottom: 0;left: 0;" ng-if="master != self_id && already == 1">
				<a ng-click="iscollection(2)" id="viewcollection" style="width: 25%;"><span ng-if="collection==121"><i class="iconfont mui-icon color333">&#xe70a;</i> <i class="font12">收藏</i></span></a>
				<a ng-click="iscollection(1)" style="width: 25%;"><span ng-if="collection==115"><i class="iconfont mui-icon color">&#xe622;</i> <i class="font12">已收藏</i></span></a>
				<a ng-click="groupList()"><i class="iconfont mui-icon color333">&#xe61a;</i> <i class="font12">加入群聊</i></a>
				<a ng-click="openChat()"><i class="iconfont mui-icon color333">&#xe60d;</i> <i class="font12">私聊群主</i></a>
				<a id="evaluate_btn" ng-click="huiContent(0)"><i class="iconfont mui-icon color333">&#xe660;</i> <i class="font12">评论</i></a>
			</div>
			<!--评论和回复输入弹框-->
			<div class="input_box bg_white mui-clearfix" style="position: fixed;bottom: 0 !important;left: -100%;">
				<a href="javascript:;" class="iconfont mui-icon mui-pull-left packUp_btn">&#xe6b0;</a>
				<input type="text" class="mui-pull-left conmentval" placeholder="请输入评语">
				<button type="button" ng-click="viewContent()" class="mui-btn-blue mui-pull-right width30 mui-pull-right">发表</button>
			</div>
			<!--分享弹窗-->
			<div class="alert_window">
				<ul class="share_list">
					<li>
						<span class="iconfont mui-icon">&#xe61d;</span>
						<p class="color0">微信好友</p>
					</li>
					<li>
						<span class="iconfont mui-icon">&#xe629;</span>
						<p class="color0">朋友圈</p>
					</li>
					<li>
						<span class="iconfont mui-icon">&#xe61f;</span>
						<p class="color0">QQ好友</p>
					</li>
					<li>
						<span class="iconfont mui-icon">&#xe614;</span>
						<p class="color0">QQ空间</p>
					</li>
					<li>
						<span class="iconfont mui-icon">&#xe640;</span>
						<p class="color0">微博</p>
					</li>
					<button type="button" class="mui-btn mui-btn-blue mui-btn-block padding_tb_8px margin0 cancel_btn border-radius0">取消</button>
				</ul>
			</div>
		</div>
	</body>
	<script src="../js/mui.min.js"></script>
	<script src="../js/open.js"></script>
	<script src="../js/mui.zoom.js"></script>
	<script src="../js/mui.previewimage.js"></script>
	<script src="../js/angular.min.js"></script>
	<script src="../js/jquery.min.js"></script>
	<script src="../js/apppublic.js"></script>
	<script src="../js/app/view_detail.js"></script>
	<script type="text/javascript" charset="UTF-8">
		$().ready(function() {
//			$('.replay_btn').click(function() {
//				$('.input_box').animate({
//					left: '0px'
//				}, 300);
////				return false;
//			})
			//收起评论输入框
			$('.packUp_btn').click(function() {
				$('.input_box').animate({
					left: '-100%'
				}, 300);
				$('.input_box input').val("");
				return false;
			})
			$('.input_box button').click(function() {
				var textVal = $('.input_box input').val();
				plus.storage.setItem('conmentval', textVal);
				$('.input_box').animate({
					left: '-100%'
				}, 300);
				$('.input_box input').val("");
				return false;
			})
			//图片预览
			mui.previewImage();

			//视频播放
//			var is_play = true;
//			$('.video_box').on('tap', function() {
//				if(is_play) {
//					document.getElementById('player').play();
//					is_play = false;
//				} else {
//					document.getElementById('player').pause();
//					is_play = true;
//				}
//			})
			share($('.alert_window'), $('.share_list'), $('#shareApp_btn'), $('.cancel_btn'));
		})
	</script>
	<script type="text/javascript">
		var webPage = '/app/Community/node_detail/id/';
		var shareContent = '分享一篇信息给你';
	</script>
	<!--分享-->
	<script src="../js/app/shareApp.js"></script>    
</html> 